<title>后台管理员</title>

<div class="layui-card layadmin-header">
	<div class="layui-breadcrumb" lay-filter="breadcrumb">
		<a lay-href="">主页</a>
		<a><cite>系统用户</cite></a>
		<a><cite>后台管理员</cite></a>
	</div>
</div>

<div class="layui-fluid">
	<div class="layui-card">
		<div class="layui-form layui-card-header layuiadmin-card-header-auto" lay-filter="layadmin-useradmin-formlist">
			<div class="layui-form-item">
				<div class="layui-inline">
					<label class="layui-form-label">登录名</label>
					<div class="layui-input-block">
						<input type="text" name="username" placeholder="请输入" autocomplete="off" class="layui-input">
					</div>
				</div>
				<div class="layui-inline">
					<label class="layui-form-label">手机</label>
					<div class="layui-input-block">
						<input type="text" name="mobile" placeholder="请输入" autocomplete="off" class="layui-input">
					</div>
				</div>
				<div class="layui-inline">
					<label class="layui-form-label">邮箱</label>
					<div class="layui-input-block">
						<input type="text" name="email" placeholder="请输入" autocomplete="off" class="layui-input">
					</div>
				</div>
				<div class="layui-inline">
					<label class="layui-form-label">角色</label>
					<div class="layui-input-block">
						<select name="role">
							<option value="0">管理员</option>
							<option value="1">超级管理员</option>
							<option value="2">纠错员</option>
							<option value="3">采购员</option>
							<option value="4">推销员</option>
							<option value="5">运营人员</option>
							<option value="6">编辑</option>
						</select>
					</div>
				</div>
				<div class="layui-inline">
					<button class="layui-btn layuiadmin-btn-admin" lay-submit lay-filter="LAY-user-back-search">
						<i class="layui-icon layui-icon-search layuiadmin-button-btn"></i>
					</button>
				</div>
			</div>
		</div>

		<div class="layui-card-body">
			<table id="LAY-user-back-manage" lay-filter="LAY-user-back-manage"></table>
			<script type="text/html" id="toolbar">
				<div class="layui-btn-container">
					<button class="layui-btn layuiadmin-btn-admin" data-type="add">添加</button>
				</div>
			</script>
			<script type="text/html" id="buttonTpl">
				{{#  if(d.status == 'normal'){ }}
				<button class="layui-btn layui-btn-xs">已审核</button>
				{{#  } else { }}
				<button class="layui-btn layui-btn-primary layui-btn-xs">未审核</button>
				{{#  } }}
			</script>
			<script type="text/html" id="table-useradmin-admin">
				<a class="layui-btn layui-btn-normal layui-btn-xs" lay-event="edit"><i class="layui-icon layui-icon-edit"></i>编辑</a>

				<a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del"><i class="layui-icon layui-icon-delete"></i>删除</a>
			</script>
		</div>
	</div>
</div>

<script>
	layui.contr1='admin';
	layui.define(['table', 'form'], function(exports){
		var $ = layui.$
			,admin = layui.admin
			,view = layui.view
			,table = layui.table
			,form = layui.form;

		//搜索
		form.render(null, 'layadmin-useradmin-formlist');
		form.on('submit(LAY-user-back-search)', function(data){
			var field = data.field;
			field[layui.setter.request.tokenName]=layui.data(layui.setter.tableName)[layui.setter.request.tokenName];
			//执行重载
			table.reload('LAY-user-back-manage', {
				where: field
			});
		});


		//管理员管理
		table.render({
			elem: '#LAY-user-back-manage'
			,url: './'+layui.contr1+'/list' //模拟接口'`id`, `username`, `email`,  `mobile`, `logintime`, `loginip`, `createtime`, `status`'
			,toolbar: '#toolbar'
			,defaultToolbar: ['filter', 'exports', 'print']
			,cols: [[
				{type: 'checkbox', fixed: 'left'}
				,{field: 'id', width: 80, title: 'ID', sort: true}
				,{field: 'username', title: '登录名'}
				,{field: 'email', title: '邮箱'}
				,{field: 'mobile', title: '手机'}
				,{field: 'logintime', title: '最后登录'}
				,{field: 'loginip', title: '最后IP'}
				,{field: 'createtime', title: '加入时间', sort: true}
				,{field: 'status', title:'状态', templet: '#buttonTpl', minWidth: 80, align: 'center'}
				,{title: '操作', width: 150, align: 'center', fixed: 'right', toolbar: '#table-useradmin-admin'}
			]]
			,text: '对不起，加载出现异常！'
			,page: true
			,height: 'full-320'
		});
		table.on('tool(LAY-user-back-manage)', function(obj){
			var data = obj.data;
			if(obj.event === 'del'){
				layer.confirm('确定删除此管理员？', function(index){
					console.log(data);

					//提交 Ajax 成功后，关闭当前弹层并重载表格
					admin.req({
						url: './'+layui.contr1+'/del'
						,type: 'post'
						,data: {id:data.id}
						,done: function(res){
							obj.del();
							layer.close(index);
						}
					});


				});

			}
			else if(obj.event === 'edit'){
				admin.popup({
					title: '编辑管理员'
					,area: ['420px', '450px']
					,id: 'LAY-popup-user-add'
					,success: function(layero, index){
						view(this.id).render('user/administrators/adminform', data).done(function(){
							form.render(null, 'layuiadmin-form-admin');

							//提交
							form.on('submit(LAY-user-back-submit)', function(data){

								//提交 Ajax 成功后，关闭当前弹层并重载表格
								admin.req({
									url: './'+layui.contr1+'/edit'
									,type: 'post'
									,data: data.field
									,done: function(res){
										layui.table.reload('LAY-user-back-manage'); //重载表格
										layer.close(index); //执行关闭
									}
								});

							});

						});
					}
				});
			}
		});



		//事件
		var active = {
			batchdel: function(){
				var checkStatus = table.checkStatus('LAY-user-back-manage')
					,checkData = checkStatus.data; //得到选中的数据

				if(checkData.length === 0){
					return layer.msg('请选择数据');
				}

				layer.prompt({
					formType: 1
					,title: '敏感操作，请验证口令'
				}, function(value, index){
					layer.close(index);

					layer.confirm('确定删除吗？', function(index) {

						//执行 Ajax 后重载
						/*
						admin.req({
							url: 'xxx'
							//,……
						});
						*/
						table.reload('LAY-user-back-manage');
						layer.msg('已删除');
					});
				});
			}
			,add: function(){
				admin.popup({
					title: '添加管理员'
					,area: ['420px', '500px']
					,id: 'LAY-popup-useradmin-add'
					,success: function(layero, index){
						view(this.id).render('user/administrators/adminform',{'status':true}).done(function(){
							form.render(null, 'layuiadmin-form-admin');
							//提交
							form.on('submit(LAY-user-back-submit)', function(data){
								console.log(data);

								admin.req({
									url: './'+layui.contr1+'/add'
									,type: 'post'
									,data: data.field
									,done: function(res){
										layui.table.reload('LAY-user-back-manage'); //重载表格
										layer.close(index); //执行关闭
									}
								});

							});
						});
					}
				});
			}
		}
		$('.layui-btn.layuiadmin-btn-admin').on('click', function(){
			var type = $(this).data('type');
			active[type] ? active[type].call(this) : '';
		});

		//点击字段排序
		table.on('sort(LAY-user-back-manage)', function(obj){
			let where=form.val("layadmin-useradmin-formlist");//搜索
			where['sort_by']=obj.field;
			where['sort_order']=obj.type;
			where[layui.setter.request.tokenName]= layui.data(layui.setter.tableName)[layui.setter.request.tokenName];

			table.reload('LAY-user-back-manage', {
				initSort: obj
				,where: where
			});
		});


	});
</script>